
/* 锟斤拷锟斤拷锟斤拷锟斤拷 */
.sale{ width:1000px; margin:auto;font-family: '微软雅黑'}
.sale .bar{ background:url("../images/header_barbg[1].png") no-repeat; height:35px;  width:1000px;}
.program .map{ width:470px; margin:5px auto 10px;}
.saletab{  background:url("../images/saletab_bg[1].gif") repeat-x bottom; height:24px; padding-left:283px;}
.saletab a{ float:left; border:#bababa 1px solid; padding-left:12px; width:133px; color:#666; margin-right:4px; background:#fff; padding:2px 0 0 3px; line-height:20px;}
.saletab a:hover,.saletab a.cur{ border-bottom:#fff 1px solid; color:#333; font-weight:bold;}
.saletabBox{ background:#fff; width:1000px; overflow:hidden;}
.saletabBox .map{ text-align:center; padding:20px 0;}

.salemenu{ float:left; width:228px; background:url("../images/about2_menuBg[1].gif"); }
.salemenu .top{ background:url("../images/about2_menuBg_top[1].gif") no-repeat 0 0; line-height:36px; padding-left:10px; color:#fff; font-weight:bold;}
.salemenu .bot{ background:url("../images/about2_menuBg_top[1].gif") no-repeat 0 -40px; height:4px; overflow:hidden;}
.salemenu .box{ margin:0 8px 0 4px; height:500px;}
.salemenu .box li{ height:30px; }
.salemenu .box li a{ color:#333; height:22px; padding:8px 0 0 15px;  display:block;}
.salemenu .box li a img{ margin:0 0 2px 10px;}
.salemenu .box li a:hover,.about2Box .menu li a.cur{ background:#f8fafb; color:#01458e;}

.saletabBox2{ background:#fff; width:1000px; overflow:hidden; padding-bottom:10px;}
.saleCon{width:772px; overflow:hidden;}
.saleCon .info1{ float:left; padding:0 50px; width:702px; border-right:#afafaf 0px solid; margin-top:35px;}
.saleCon .info1 h2{ margin-bottom:25px; font-size:18px; }
.saleCon .info1 p{ line-height:20px;}

.saleCon .info11{ float:left; padding:0 50px; width:480px; border-right:#afafaf 1px solid; margin-top:35px;}
.saleCon .info11 h2{ margin-bottom:25px; font-size:18px; }
.saleCon .info11 p{ line-height:20px;}

.saleCon .info2{ float:left; padding-left:10px; border-left:#afafaf 1px solid; margin-top:35px; margin-left:-1px;}
.saleCon .info2 h3{ font-weight:bold; padding:2px 0 0 2px; height:20px;}
.saleCon .info2 .img{ width:160px; height:80px; overflow:hidden;}
.saleCon .info2 .title{ padding:4px 0 0 7px; height:15px; color:#fff; width:153px; margin-bottom:3px; background:#4c4c4c;}
.saleCon .info2 .title img{ margin:0 5px 3px 0;}
.saleCon .info2 .title a{  color:#fff;}
.saleCon .info2 .themList{ }
.saleCon .info2 .themList li{ padding:4px 0 0 7px; height:15px; color:#fff; width:153px; margin-bottom:3px;}
.saleCon .info2 .themList li img{ margin:0 5px 3px 0;}
.saleCon .info2 .themList li a{ color:#333;}
.saleCon .info2 .themList li a:hover{ color:#01458e;}



.saleCon .info3{ padding:50px 0 0 40px; width:732px; overflow:hidden;}
.saleCon .info3 .each{ float:left; width:160px; margin-right:20px; display:inline;}
.saleCon .info3 .img{ width:160px; height:80px; overflow:hidden;}
.saleCon .info3 .title{ padding:4px 0 4px 7px; height:15px; color:#fff; width:153px; margin-bottom:3px; background:#4c4c4c;}
.saleCon .info3 .title img{ margin:0 5px 3px 0;}
.saleCon .info3 .title a{  color:#fff;}
.saleCon .info3 .txt{ line-height:18px;height:66px;  padding:5px; margin-bottom:5px;}
.saleCon .info3 ul h4{ height:19px; margin-bottom:6px;}
.saleCon .info3 ul h4 a{  background:#4c4c4c; line-height:19px; color:#fff; padding-left:14px; display:inline-block; width:146px;overflow:hidden}
.saleCon .info3 ul h4 a:hover,.saletabBox2 .saleCon .info3 ul h4 a.cur{ background:#01458e;}
.saleCon .info3 li{ padding:4px 0 0 7px; color:#fff; width:153px; margin-bottom:3px;}
.saleCon .info3 li img{ margin:0 5px 3px 0;}
.saleCon .info3 li a{ color:#333;}
.saleCon .info3 li a:hover{ color:#01458e;}

/*锟斤拷锟斤拷锟斤拷锟斤拷*/
.saleCon .join2{ padding:40px 40px 0;}
.saleCon .join2 h2{ font-size:18px; border-bottom:#333 1px dashed; padding:0 10px 5px 20px;}
.saleCon .join2 h3{ border-bottom:#c6c6c6 1px solid; padding:10px 20px;}
.saleCon .join2 h3 span{ float:right;}
.saleCon .join2 h3 span em{ color:#c00; font-style:normal;}
.saleCon .join2 h1{ margin:30px 0 5px 20px; font-size:14px; font-weight:bold;}


 .saleCon .join2  .fixBox{ width:100%; overflow:hidden; margin-top:12px;}
 .saleCon .join2  .fixBox label{ float:left; width:136px; text-align:right; height:20px; line-height:20px;  font-family:"微软雅黑"; padding-right:2px;}
 .saleCon .join2  .fixBox label span{ color:#c00;}
 .saleCon .join2  .fixBox .put{ float:left;}
 .saleCon .join2  .fixBox .put input{ border:#c6c6c6 1px solid; width:168px; height:16px; line-height:16px; padding:2px 0 0 2px; background:url("../images/join_putBg[1].gif") no-repeat; color:#999;}
 .saleCon .join2  .fixBox .put .put2{ border:#c6c6c6 1px solid; width:398px; height:138px; line-height:16px; padding:2px 0 0 2px; background:url("../images/join_putBg2[1].gif") no-repeat; color:#999;}
 .saleCon .join2  .fixBox .put .checkput{ width:15px; height:15px; border:none; background:none; margin-right:5px;}
 .saleCon .join2  .fixBox .put em{ font-style:normal; display:block; margin-bottom:5px;}
 .saleCon .join2 .line{ border-bottom:#c6c6c6 1px solid; margin-top:30px; height:14px;}
 .saleCon .join2  .fixBox .putinfo{ margin-left:138px;}
 .saleCon .join2  .fixBox .putinfo .put2{ border:#c6c6c6 1px solid; width:398px; height:138px; line-height:16px; padding:2px 0 0 2px; background:url("../images/join_putBg2[1].gif") no-repeat; color:#999;}
 .saleCon .join2 .protocol{ border-top:#c6c6c6 1px solid; border-bottom:#c6c6c6 1px solid; padding:10px 0 10px 20px; margin-top:25px; color:#666;}
 .saleCon .join2 .fixBox2{  width:100%; overflow:hidden; margin-top:20px;}
 .saleCon .join2 .fixBox2 label{ float:left; width:232px; text-align:right; height:20px; line-height:20px;  font-family:"微软雅黑"; padding-right:4px;}
 .saleCon .join2 .fixBox2 .codeput{ float:left;}
 .saleCon .join2 .fixBox2 .codeput input{ border:#c6c6c6 1px solid; width:105px; height:16px; line-height:16px; padding:2px 0 0 2px; background:url("../images/join_putBg[1].gif") no-repeat; color:#999;}
 .saleCon .join2 .fixBox2 .codeImg{ float:left; margin-left:15px; padding-top:1px;}
 .saleCon .join2 .btnSubmit{ margin:20px 0 20px 236px;}
 .saleCon .join2 .fixBox2  .tips{ float:left; background-position:-579px -61px; width:102px; padding-left:32px; height:27px; line-height:26px; overflow:hidden; margin-left:20px; color:#666;}


 .saleCon .join{ padding:40px 40px 0;}
 .saleCon .join h2{ color:#666; line-height:34px;}
 .saleCon .join h2 span{ color:#333; font-size:18px; margin-right:10px;}
 .saleCon .join .protocolBox{ border:#c8c8c8 1px solid; width:650px; height:360px; padding:20px; overflow-y:scroll;}
 .saleCon .join .protocolBox h4{ font-weight:bold; height:20px;  padding-top:10px;}
 .saleCon .join .protocolBox p{ line-height:20px;}
 .saleCon .join .btnOnline{ text-align:center; margin-top:15px;}


/* end 锟斤拷锟斤拷锟斤拷锟斤拷*/

/*  锟斤拷锟斤拷锟斤拷锟斤拷*/
.serviList{ width:1000px; overflow:hidden; background:#f5f5f5; }
.serviList .each{ margin:0 30px; border-bottom:#d8d8d8 1px solid; width:940px; overflow:hidden; height:144px;}
.serviList .each .txtInfo{ float:left; width:702px;}
.serviList .each .txtInfo h3{ color:#00468e; font-weight:bold; margin:34px 0 15px; padding-left:5px;}
.serviList .each .txtInfo ul li{ height:30px; line-height:30px; padding-left:5px;}
.serviList .each .txtInfo ul li i{ float:left; width:188px; font-style:normal;}
.serviList .each .txtInfo ul li em{ float:left; width:508px; font-style:normal;}

.serviList .each .img{ float:left; width:120px; height:60px; overflow:hidden; background:url("../images/examples_examList_bg[1].gif") no-repeat; padding:6px 7px 8px 6px; margin:40px 9px 0px; display:inline;}
/* end 锟斤拷锟斤拷锟斤拷锟斤拷*/
.btnMessage{ margin:10px 0 0 10px;}

/* 锟酵伙拷锟斤拷锟斤拷*/
.messageBox{ padding:0 50px 0 40px; width:682px;}
.messageBox h1{ padding:30px 0 0px; font-size:18px;}
.messageBox .each{ border-bottom:#f2f2f2 1px solid; margin:15px 0;}
.messageBox .each .user{ background:#f2f2f2; line-height:25px; padding:2px 10px 0; color:#666; border-bottom:#fff 1px solid;}
.messageBox .each .user img{ margin:2px 6px 0 0;}
.messageBox .each .user span{ float:right;}
.messageBox .each .user b{ color:#333;}
.messageBox .each .ask{ line-height:22px; padding:5px 10px 5px 36px; background:#eaeaea url("../images/message_icon[1].gif") no-repeat 14px 5px; border-bottom:#fff 1px solid;}
.messageBox .each .ask span{ display:block; color:#999; margin-top:5px; font-family:Verdana;}
.messageBox .each .answer{ color:#0349d1; background:#eaeaea url("../images/message_icon2[1].gif") no-repeat 10px 5px; line-height:22px;padding:5px 10px 5px 36px; width:636px; overflow:hidden; border-bottom:#fff 1px solid;}
.messageBox .each .answer span{ float:left; width:66px; }
.messageBox .each .answer p{ float:left; width:560px; }
.messageBox .each .answer .time{ clear:both; margin-left:70px;float:right;}
/* end 锟酵伙拷锟斤拷锟斤拷*/

/* 锟斤拷录注锟斤拷*/
.loginBox{}
.loginBox .text{ padding:20px 0 5px 15px;}
.loginBox .down{ padding:0px 0 0px 50px; margin:5px 0  0 15px;background:url("../images/dw[1].gif") no-repeat 0px 0px; height:25px; line-height:25px;}
.loginBox .down a{ float:left; width:66px; text-align:center; color:#fff;}
.loginBox .put { padding-left:15px;}
.loginBox .put input{ border:#b2b2b2 1px solid; background:url("../images/join_putBg[1].gif") no-repeat; width:168px; line-height:16px; height:16px; padding:2px 0 0 2px; }
.loginBox .btnLogin{ padding:16px 0 25px 14px; border-bottom:#acacac 1px solid;}
.loginBox p{ padding:20px 0 0 18px;}
.loginBox p img{ margin:0 4px 2px 0 ;}
.loginBox p a{ margin-right:15px; color:#666;}
.loginBox p a:hover{ color:#01458e;}
/* end 锟斤拷录注锟斤拷*/
.proDesc{ width:1000px; margin:auto;}
.proDesc .descm1{ width:100%; overflow:hidden; position:relative;}
.proDesc .descm1 .background-image{ width:1000px; height:1372px; overflow:hidden; background-image: url("../images/Development[1]__1_.jpg");}
.proDesc .descm1 .pic{ width:1000px; overflow:hidden;}
.proDesc .descm1 .codeBox{ position:relative; top:55px; left:150px; width:800px; overflow:hidden;}
.proDesc .descm1 .codeBox p{ line-height:20px;}
.proDesc .descm1 .codeBox h2{ margin:10px 0; color:#c1a164; font-weight:bold;}
.proDesc .descm1 .codeBox .code{ width:360px; overflow:hidden;}
.proDesc .descm1 .codeBox .code img{ margin-right:6px;}